<div id="" class="formio-component formio-component-form  formio-component-label-hidden" ref="component">
  <div class="formio-form" ref="webform" novalidate>
    <div id="text" class="form-group has-feedback formio-component formio-component-textfield formio-component-text  required" ref="component">
      <label class="control-label  field-required">
        Text
      </label>
      <div ref="element">
        <input ref="input" name="data[text]" type="text" class="form-control" lang="en" spellcheck="true" value=""></input>
      </div>
      <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
    </div>
    <div id="multiple" class="form-group has-feedback formio-component formio-component-textfield formio-component-multiple formio-component-multiple " ref="component">
      <label class="control-label ">
        Multiple
      </label>
      <table class="table table-bordered">
        <tbody>
          <tr ref="row">
            <td>
              <input ref="input" name="data[multiple]" type="text" class="form-control" lang="en" spellcheck="true" value=""></input>
            </td>
            <td>
              <button type="button" class="btn btn-default" ref="removeRow">
                <i class="fa fa-times-circle-o"></i>
              </button>
            </td>
          </tr>
          <tr>
            <td colspan="2">
              <button class="btn btn-primary formio-button-add-another" ref="addButton"><i class="fa fa-plus"></i> Add Another</button>
            </td>
          </tr>
        </tbody>
      </table>
      <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
    </div>
    <div id="everything" class="form-group has-feedback formio-component formio-component-textfield formio-component-everything formio-component-multiple CustomCssClass required" ref="component">
      <label class="control-label  field-required">
        Everything
        <i ref="tooltip" class="fa fa-question-circle text-muted"></i>
      </label>
      <table class="table table-bordered">
        <tbody>
          <tr ref="row">
            <td>
              <div class="input-group">
                <div class="input-group-addon" ref="prefix">Prefix</div>
                <input ref="input" name="data[everything]" type="text" class="form-control" lang="en" placeholder="Placeholder" tabindex="1" spellcheck="true" value=""></input>
                <div class="input-group-addon" ref="suffix">Suffix</div>
              </div>
            </td>
            <td>
              <button type="button" class="btn btn-default" ref="removeRow">
                <i class="fa fa-times-circle-o"></i>
              </button>
            </td>
          </tr>
          <tr>
            <td colspan="2">
              <button class="btn btn-primary formio-button-add-another" ref="addButton"><i class="fa fa-plus"></i> Add Another</button>
            </td>
          </tr>
        </tbody>
      </table>
      <div class="help-block">Description</div>
      <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
    </div>
    <div id="number" class="form-group has-feedback formio-component formio-component-number formio-component-number " ref="component">
      <label class="control-label ">
        Number
      </label>
      <div ref="element">
        <input ref="input" name="data[number]" type="text" class="form-control" lang="en" inputmode="numeric" value=""></input>
      </div>
      <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
    </div>
    <div id="password" class="form-group has-feedback formio-component formio-component-password formio-component-password " ref="component">
      <label class="control-label ">
        Password
      </label>
      <div ref="element">
        <input ref="input" name="data[password]" type="password" class="form-control" lang="en" value=""></input>
      </div>
      <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
    </div>
    <div id="textArea" class="form-group has-feedback formio-component formio-component-textarea formio-component-textArea " ref="component">
      <label class="control-label ">
        Text Area
      </label>
      <div ref="element">
        <textarea ref="input" name="data[textArea]" type="text" class="form-control" lang="en" spellcheck="true" rows="3"></textarea>
      </div>
      <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
    </div>
    <div id="checkbox" class="form-group has-feedback formio-component formio-component-checkbox formio-component-checkbox " ref="component">
      <div class="form-check checkbox">
        <label class=" form-check-label">
          <input ref="input" name="data[checkbox]" type="checkbox" class="form-check-input" lang="en" value="0">
          <span>Checkbox</span>
          </input>
        </label>
      </div>
      <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
    </div>
    <div id="selectBoxes" class="form-group has-feedback formio-component formio-component-selectboxes formio-component-selectBoxes " ref="component">
      <label class="control-label ">
        Select Boxes
      </label>
      <div class="input-group">
        <div class="checkbox" ref="wrapper">
          <label class="control-label form-check-label label-position-right" for="selectBoxes-one">
            <input ref="input" name="data[selectBoxes][]" type="checkbox" class="form-check-input" lang="en" value="one" id="selectBoxes-one">
            <span>One</span>
          </label>
        </div>
        <div class="checkbox" ref="wrapper">
          <label class="control-label form-check-label label-position-right" for="selectBoxes-two">
            <input ref="input" name="data[selectBoxes][]" type="checkbox" class="form-check-input" lang="en" value="two" id="selectBoxes-two">
            <span>Two</span>
          </label>
        </div>
        <div class="checkbox" ref="wrapper">
          <label class="control-label form-check-label label-position-right" for="selectBoxes-three">
            <input ref="input" name="data[selectBoxes][]" type="checkbox" class="form-check-input" lang="en" value="three" id="selectBoxes-three">
            <span>Three</span>
          </label>
        </div>
      </div>
      <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
    </div>
    <div id="select" class="form-group has-feedback formio-component formio-component-select formio-component-select " ref="component">
      <label class="control-label ">
        Select
      </label>
      <select ref="selectContainer" name="data[select]" type="text" class="form-control" lang="en"></select>
      <input type="text" class="formio-select-autocomplete-input" ref="autocompleteInput" tabindex="-1" />
      <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
    </div>
    <div id="radio" class="form-group has-feedback formio-component formio-component-radio formio-component-radio " ref="component">
      <label class="control-label ">
        Radio
      </label>
      <div class="input-group">
        <div class="radio" ref="wrapper">
          <label class="control-label form-check-label label-position-right" for="radio-one">
            <input ref="input" name="data[radio][radio]" type="radio" class="form-check-input" lang="en" value="one" id="radio-one">
            <span>One</span>
          </label>
        </div>
        <div class="radio" ref="wrapper">
          <label class="control-label form-check-label label-position-right" for="radio-two">
            <input ref="input" name="data[radio][radio]" type="radio" class="form-check-input" lang="en" value="two" id="radio-two">
            <span>Two</span>
          </label>
        </div>
        <div class="radio" ref="wrapper">
          <label class="control-label form-check-label label-position-right" for="radio-three">
            <input ref="input" name="data[radio][radio]" type="radio" class="form-check-input" lang="en" value="three" id="radio-three">
            <span>Three</span>
          </label>
        </div>
      </div>
      <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
    </div>
    <div id="radioInline" class="form-group has-feedback formio-component formio-component-radio formio-component-radioInline " ref="component">
      <label class="control-label ">
        Radio Inline
      </label>
      <div class="input-group">
        <div class="radio-inline" ref="wrapper">
          <label class="control-label form-check-label label-position-right" for="radioInline-one">
            <input ref="input" name="data[radioInline][radioInline]" type="radio" class="form-check-input" lang="en" value="one" id="radioInline-one">
            <span>One</span>
          </label>
        </div>
        <div class="radio-inline" ref="wrapper">
          <label class="control-label form-check-label label-position-right" for="radioInline-two">
            <input ref="input" name="data[radioInline][radioInline]" type="radio" class="form-check-input" lang="en" value="two" id="radioInline-two">
            <span>Two</span>
          </label>
        </div>
        <div class="radio-inline" ref="wrapper">
          <label class="control-label form-check-label label-position-right" for="radioInline-three">
            <input ref="input" name="data[radioInline][radioInline]" type="radio" class="form-check-input" lang="en" value="three" id="radioInline-three">
            <span>Three</span>
          </label>
        </div>
      </div>
      <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
    </div>
    <div id="content" class="formio-component formio-component-htmlelement formio-component-content  formio-component-label-hidden" ref="component">
      <p class="cssclass" ref="html" attribute="value">HTML Content</p>
      <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
    </div>
    <div id="content2" class="formio-component formio-component-content formio-component-content2  formio-component-label-hidden" ref="component">
      <div class="" ref="html">
        <p>Content <strong>Bold</strong></p>
      </div>
      <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
    </div>
    <div id="submit" class="form-group has-feedback formio-component formio-component-button formio-component-submit  form-group" ref="component">
      <button ref="button" name="data[submit]" type="submit" class="btn btn-primary btn-md" lang="en">
        Submit
      </button>
      <div ref="buttonMessageContainer">
        <span class="help-block" ref="buttonMessage"></span>
      </div>
      <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
    </div>
  </div>
  <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
</div>